<template>
	<view class="con">
		<view class="view-label">
			+86
		</view>
		<view class="view-inputer">
			<u-input v-model="phone" type="number" border="none" placeholder="请输入手机号码" />
		</view>
		<view class="view-label">
			验证码
		</view>
		<view class="view-inputer">
			<u-input v-model="code" type="number" border="none" placeholder="请输入验证码" />
			<ice-button-code ref="buttonCode" @click="getCode()" color="#FF3B06"></ice-button-code>
		</view>
		<view class="view-label">
			旧密码
		</view>
		<view class="view-inputer">
			<u-input v-model="oldpwd" type="number" border="none" placeholder="请输入旧密码" />
		</view>
		<view class="view-label">
			新密码
		</view>
		<view class="view-inputer">
			<u-input v-model="newpwd" type="number" border="none" placeholder="请输入新密码" />
		</view>
		<view class="view-label">
			确认密码
		</view>
		<view class="view-inputer">
			<u-input v-model="newpwd" type="number" border="none" placeholder="请再次输入新密码" />
		</view>
		<view class="tip">密码必须为8-16位的数字、字符组合(不能为纯数字）</view>
		<view class="resetbtn">确认重置</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone:"",
				code:"",
				oldpwd:"",
				newpwd:""
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.con {
		width: 654rpx;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 auto;
		padding: 20rpx 32rpx 88rpx;
	}

	.view-label {
		font-size: 30rpx;
		font-weight: 500;
		color: #333333;
		margin: 20rpx 0;
		width: 100%;
	}

	.view-inputer {
		width: 100%;
		height: 82rpx;
		background-color: #f5f5f5;
		border-radius: 41rpx;
		display: flex;
		align-items: center;
		padding: 0 12rpx 0 36rpx;

		.button-code {
			width: 160rpx;
			height: 60rpx;
			border-radius: 30rpx;
		}
	}
	.tip{
		width: 100%;
		text-align:left;
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 36rpx;
		margin-top: 12rpx;
		
	}
		
	.resetbtn{
		width: 654rpx;
		height: 82rpx;
		background: linear-gradient(180deg, #F9773A 100%, #FF3B06 100%);
		border-radius: 41rpx;
		margin: 0 auto;
		margin-top: 82rpx;
		text-align: center;
		font-size: 30rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 82rpx;
		
	}

</style>
